<%@ page language="java" pageEncoding="UTF-8"%>
<%@ include file="../../baselist.jsp"%>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>

    <script type="text/javascript" src="../../js/datepicker/WdatePicker.js"></script>
    <script type="text/javascript">
        function setFactoryName(val) {
            var factoryName= document.getElementById("factoryName")
            factoryName.value=val;
        }
    </script>
</head>
<body>
<form method="post">
    <div id="menubar">
        <div id="middleMenubar">
            <div id="innerMenubar">
                <div id="navMenubar">
                    <ul>
                        <li id="save"><a href="#" onclick="formSubmit('toinsertproduct.action','_self');">确定</a></li>
                        <li id="back"><a href="contract.action">返回</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <div class="textbox" id="centerTextbox">

        <div class="textbox-header">
            <div class="textbox-inner-header">
                <div class="textbox-title">
                    新增货物信息
                </div>
            </div>
        </div>
        <div>
            <div>
                <input type="text"  name="contractId" value="${contractId}">
                <table class="commonTable" cellspacing="1">
                    <tr>
                        <td class="columnTitle_mustbe">生产厂家：</td>
                        <td  class="tableContent">
                            <select name="factoryId" onchange="setFactoryName(this.options[this.selectedIndex].text);">
                                <option value="">--请选择--</option>
                                <c:forEach items="${factoryList}" var="f">
                                    <option value="${f.id}">${f.factoryName}</option>
                                </c:forEach>
                            </select>
                            <input type="hidden" id="factoryName"  name="factoryName" value=""/>
                        </td>

                        <td class="columnTitle_mustbe">货号：</td>
                        <td class="tableContent"><input type="text" name="productNo"/></td>
                    </tr>
                    <tr>
                        <td class="columnTitle_mustbe">图片：</td>
                        <td class="tableContent"><input type="text" name="productImage"></td>
                        <td class="columnTitle_mustbe">单价：</td>
                        <td class="tableContent"><input type="text" name="price"/></td>
                    </tr>
                    <tr>
                        <td class="columnTitle_mustbe">数量：</td>
                        <td class="tableContent"><input type="text" name="cnumber"></td>
                        <td class="columnTitle_mustbe">箱数：</td>
                        <td class="tableContent"><input type="text" name="boxNum"/></td>
                    </tr>
                    <tr>
                        <td class="columnTitle_mustbe">装箱率：</td>
                        <td class="tableContent"><input type="text" name="loadingRate"></td>
                        <td class="columnTitle_mustbe">包装单位：</td>
                        <td class="tableContent"><input type="text" name="packingUnit"/></td>
                    </tr>

                    <tr>
                        <td class="columnTitle_mustbe">排序号：</td>
                        <td class="tableContent"><input type="text" name="orderNo"/></td>
                        <td class="columnTitle_mustbe">商品的描述：</td>
                        <td class="tableContent"><textarea name="productDesc" style="height:120px;"></textarea></td>
                    </tr>
                </table>
            </div>
        </div>
</div><br><br>
    <div class="eXtremeTable" >
        <table id="ec_table" class="tableRegion" width="98%" >
            <thead>
            <td class="tableHeader"><input type="checkbox" name="selid" onclick="checkAll('id',this)"></td>
                <td class="tableHeader">序号</td>

                <td class="tableHeader">生产厂家</td>
                <td class="tableHeader">货号</td>
                <td class="tableHeader">单价</td>

                <td class="tableHeader">数量</td>
                <td class="tableHeader">装箱率</td>
                <td class="tableHeader">包装单位</td>
                <td class="tableHeader">箱数</td>
                <td class="tableHeader">总金额</td>
                <td class="tableHeader">操作</td>
                <td class="tableHeader">附件</td>

            </tr>
            </thead>
            <tbody class="tableBody" >

            <c:forEach items="${contractProduct}" var="o" varStatus="status">
                <tr class="odd" onmouseover="this.className='highlight'" onmouseout="this.className='odd'" >
                    <td><input type="checkbox" name="id" value="${o.id}"/></td>
                    <td>${status.index+1}</td>
                    <td>${o.factoryName}</td>
                    <td>${o.productNo}</td>
                    <td>${o.price}</td>
                    <td>${o.cnumber}</td>
                    <td>${o.packingUnit}</td>
                    <td>${o.loadingRate}</td>
                    <td>${o.boxNum}</td>
                    <td>${o.amount}</td>
                    <td><a href="toupdateProduct.action?id=${o.id}">[修改]</a>&nbsp;&nbsp;
                        <a href="todeleteProduct.action?id=${o.id}&contractId=${contractId}">[删除]</a></td>
                    </td>
                    <td><a href="tocreateExt.action?contractProductId=${o.id}">[附件]</a></td>
                </tr>
            </c:forEach>

            </tbody>
        </table>
    </div>
</form>
</body>
</html>

